<header class="sticky top-0 z-50 bg-white shadow">
    <div class="flex items-center py-0 px-2 h-10 bg-red-500 box-border">
        <a wire:navigate href="{{ route('welcome') }}">
            <img src="{{ asset('img/logo.png') }}" alt="logo" class="p-0 m-0 h-6 box-border">
        </a>
        <div class="flex ml-auto gap-2 text-sm leading-6">
            <a href="#" class="text-white rounded border border-white px-2">下载APP</a>
            @guest
                <a wire:navigate href="{{ route('login') }}" class="text-white rounded border border-white px-2">登录</a>
            @endguest
        </div>
    </div>

    {{ $slot }}
</header>
